<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
		<meta name="viewport" content="width=1200, user-scalable=yes">
		<meta name="renderer" content="webkit"> <!-- for 360 -->
		<meta name="keywords" content="大湾区跨境电商暨新渠道博览会,跨博会,佛山跨境电商展,跨境电商展览会,跨境电商服务平台,进出口商品贸易展,跨境电商,选品大会,跨境选品会,跨境电商展,大湾区跨境电商交易博览会">
		<meta name="description" content="2021年大湾区跨境电商暨新渠道博览会将涵盖全跨境电商包括上游平台、代运营、供应链、下游商品等一站式服务体系展示。提供跨境生态全产业链,为跨境电商行业企业提供国内产品出海方案,旨在整合国内跨境电商行业资源,助力中国品牌走向世界,推动跨境电商整个行业健康有序的发展与进步">
		<meta name="applicable-device" content="pc">

		<title>展馆示意图</title>

		<link rel="shortcut icon" href="http://www.trade-show.cn/static/favicon.ico" />
		
		<script src="js/cTopJs.js" type="text/javascript" charset="utf-8"></script>

		<style type="text/css">
			#about{
				position: relative;
			}
			#about .comtext{
				/* background-color: #fff;
				box-shadow: #b7b7b7 0px 0px 5px; */
				box-sizing: border-box;
				padding: 0px 0 60px;
			}
			#about .comtext .showpic{
				width: 100%;
			}
			#about .comtext .showpic img{
				max-width: 100%;
				display: block;
				margin-left: auto;
				margin-right: auto;
				box-shadow: #b7b7b7 0px 0px 5px;
				border-radius: 5px;
			}
			#about .comtext .showpic .desc{
				border-top: 1px solid  #ddd;
				border-bottom: 1px solid  #ddd;
			}
			#about .showpic .desc .d-title{
				font-size: 24px;
				text-align: center;
				color: #636b6f;
			}
			#about .showpic .d-parent{
				display: flex;
			}
			#about .showpic .d-parent .d-right{
				width: 350px;
				font-size: 20px;
				text-align: center;
			}
			#about .showpic .d-parent .d-ul{
				display: flex;
				flex-wrap: wrap;
				justify-content: center;
			}
			#about .showpic .d-parent .d-ul .d-li{
				font-size: 18px;
				padding: 0 10px;
				display: flex;
				align-items: center;
			}
			#about .showpic .d-parent .d-li .box{
				width: 20px;
				height: 20px;
				margin-right: 10px;
			}
			#about .showpic .d-li .box.bg_yew{
				background-color: #fff000;
			}
			#about .showpic .d-li .box.bg_org{
				background-color: #f9680d;
			}
			#about .showpic .d-li .box.bg_red{
				background-color: #840c18;
			}
			#about .showpic .d-li .box.bg_skyblue{
				background-color: #9bc2e6;
			}
			#about .showpic .d-li .box.bg_purp{
				background-color: #7030a0;
			}
			#about .showpic .d-li .box.bg_pink{
				background-color: #f39eba;
			}
			#about .showpic .d-li .box.bg_deepblue{
				background-color: #2f75b5;
			}
			#about .showpic .d-li .box.bg_green{
				background-color: #548235;
			}
			#about .logo{
				width: 100%;
				height: 120px;
				padding-top: 30px;
				margin-bottom: 20px;
			}
			#about .logo .l-src{
				height: 100%;
				width: 100%;
			}
			#about .ab-title{
				padding: 0 3%;
				margin-top: 25px;
				color: #666;
				text-align: justify;
			}
			#about .ab-name{
				padding: 0 3%;
				color: #2e5594;
			}
			#about .ab-desc{
				font-size: 17px;
				word-break: break-word;
				padding: 0 3%;
				margin-top: 10px;
				text-indent: 40px;
				color: #666;
			}
			#about .angle{
				position: relative;
				min-width: 1200px;
			}
			#about .angle .title{
				position: absolute;
				left: 50%;
				top: 50%;
				transform: translate(-50%,-50%);
			}
			.bg-src{
				position: absolute;
				left: 0;
				top: 0;
				width: 100%;
				height: 100%;
				z-index: -1;
			}
		</style>
	</head>
	<body>
		<div class="container" id="app">
			<script src="./js/header.js" type="text/javascript" charset="utf-8"></script>
			<script src="./js/navbar.js" type="text/javascript" charset="utf-8"></script>
			<div class="mian" id="about">
				<div class="angle">
					<img class="angle-src" src="img/angle.png" >
					<div class="title">
						<div class="list-title">
							<p class="en">diagram</p>
							<p class="zh">展馆示意图</p>
						</div>
					</div>
				</div>
				<img src="./img/bg1.jpg" alt="" class="bg-src">
				<div class="comtext w1200">
					<div class="showpic">
						<img src="./img/area.png">
					</div>
					<div class="showpic mt30">
						<img src="./img/zgsyt2.png">
					<!-- 	
						<div class="desc mt30 pt10 pb10">
							<div class="d-title">&lt;&lt; 展厅介绍 &gt;&gt;</div>
							<div class="d-parent">
								<ul class="d-ul mt20 mb30">
									<li class="d-li">
										<div class="box bg_yew"></div>
										<div class="text">平台展区</div>
									</li>
									<li class="d-li">
										<div class="box bg_org"></div>
										<div class="text">论坛展区</div>
									</li>
									<li class="d-li">
										<div class="box bg_red"></div>
										<div class="text">快手选品带货销售专区</div>
									</li>
									<li class="d-li">
										<div class="box bg_pink"></div>
										<div class="text">服装展区</div>
									</li>
									<li class="d-li">
										<div class="box bg_green"></div>
										<div class="text">3C小家电展区</div>
									</li>
									<li class="d-li">
										<div class="box bg_skyblue"></div>
										<div class="text">消费食品展区</div>
									</li>
									<li class="d-li">
										<div class="box bg_purp"></div>
										<div class="text">美妆护肤展区</div>
									</li>
								</ul>
								<div class="d-right">
									<p class="p p1">潭州国际展览中心HALL 2</p>
									<p class="p p2 mt20 mb20">摊位数量：300</p>
									<p class="p p2">摊位面积：10000平米</p>
								</div>
							</div>
						</div>
						 -->
					</div>
					<div class="showpic mt30">
						<img src="./img/zgsyt3.png">
					</div>
				</div>
			</div>
			<script src="./js/footer.js"></script>
		</div>
		
	</body>
	<script src="js/cBottomJs.js" type="text/javascript" charset="utf-8"></script>
</html>
